<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

        <title>LNF</title>
        <meta name="description" content="LNF">

        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="/static/css/style.css">

        <!-- slider -->
        <link rel="stylesheet" href="/static/slider/css/slidorion.css" />

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script src="/static/slider/js/jquery.easing.js"></script>
        <script src="/static/slider/js/jquery.slidorion.min.js"></script>

        <script>
            $(document).ready(function(){
                $('#slidorion').slidorion({
                    speed: 1000,
                    interval: 400000000,
                    effect: 'slideLeft'
                });
            });
        </script>
    </head>
    <body>
        <header>
            <div class="centered"><a href="{% url tabela %}?turno=1">Tabela de Rodadas</a> | <a href="{% url classificacao %}">Classificação</a></div>
            <a href="{% url tabela %}?turno=1">1º Turno</a><br />
            <a href="{% url tabela %}?turno=2">2º Turno</a>
        </header>
        <div role="main" class="content centered">
        	<div class="partida">
	            <div class="partida-left">
	            	<h3>{{partida.clube_mandante.nome}}</h3>
	            </div>
	            <div class="partida-center">
	            	<h3>{{partida.placar.0}} x {{partida.placar.1}}</h3>
	            </div>
	            <div class="partida-right">
	            	<h3>{{partida.clube_visitante.nome}}</h3>
	            </div>
        	</div>
            <div class="destaque">
            	<h4>Destaques do jogo</h4>         				    
					{% if partida.infos.all %}
							{% for info in partida.infos.all %}
				    
				            	<div class="destaque-left">
				            		{{info.minuto}} minutos do {{info.tempo}}° Tempo
								</div>
								<div class="destaque-right">
									{% if info.tipo == 1 %}
						            		Gol de {{info.jogador_ativo}}. 					
									{% endif %}
									{% if info.tipo == 2 %}
										Substituição, entra {{info.jogador_ativo}} e sai {{info.jogador_passivo}}. 
									{% endif %}
									{% if info.tipo == 3 %}
										Falta de  {{info.jogador_ativo}} em {{info.jogador_passivo}} 
										{% if info.cartao == 1 %}
										(Cartao Amarelo)
										{% endif %} 
										{% if info.cartao == 2 %}
										(Cartao Vermelho)
										{% endif %}
										.
									{% endif %}
								</div>				
							{% endfor %}
						</ul>
				    {% else %}
				    	<p>Nenhuma informação.</p>
				    {% endif %}
				    
            </div>
        </div>
        <br style="clear: both;" />
        <footer>
            <div class="centered">Felipe Arruda; Hiran Azevedo; Pedro Marins; Thiago Leao;</div>
        </footer>
    <script>
    	var _gaq=[['_setAccount','UA-XXX'],['_trackPageview']];
    	(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
    	g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    	s.parentNode.insertBefore(g,s)}(document,'script'));
    </script>

    </body>
</html>